// cover some element-ui styles
@import "~@/styles/variables.scss";

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
  color: #999 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    min-width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      min-height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
  padding: 0 10px;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

//allocation
.el-menu-item.is-active {
  color: #fff !important;
  background-color: #00AACD !important;
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
}

.router-link-exact-active.router-link-active {
  // margin: 0px 0 10px 10px !important;
}

#app .sidebar-container a {
  padding: 0 10px 0px 10px !important;
  margin-bottom: 10px;
}

#app .sidebar-container li ul a {
  padding: 0 !important;
}

#app .sidebar-container.zoom a {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0px !important;
  height: 44px;
  width: 44px;
}

#app .sidebar-container.zoom a div,
#app .sidebar-container.zoom a li {
  height: 44px !important;
  width: 44px !important;
  border-radius: 0px !important;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex !important;
}

#app .sidebar-container.zoom li {
  margin-bottom: 0 !important;
}

#app .sidebar-container .svg-icon {
  margin-left: 0px;
}

#app .sidebar-container .nest-menu a {
  margin: 10px 0 0px 0px !important;
  // margin: 0px 0 0px 0px !important;
}

.el-menu-item {
  margin: 0 15px;
  border-radius: 6px;
  color: #fff !important;
  width: 100% !important;
  margin: 0px !important;
  padding-left: 10px !important;
  font-size: 15PX !important;
  background-color: rgba(255, 255, 255, 0) !important;
  height: 44px !important;
  line-height: 44px !important;
}

.el-menu-item:hover {
  color: $menuBg !important;
  width: 100% !important;
  margin-left: 10px;
  padding-left: 10px !important;
  height: 44px !important;
  line-height: 44px !important;
}

.el-submenu__title {
  margin: 10px 15px;
  border-radius: 6px;
  font-size: 15PX !important;
  color: #fff !important;
  padding-left: 20px !important;
  height: 44px !important;
  line-height: 44px !important;
}


/*表格头部背景*/
.el-table th {
  text-align: center;
  background: #D5F6EE;
}

/*修改表头字体颜色*/
.el-table thead {
  font-size: 13px;
  font-weight: 500;
  color: #111111;
  line-height: 18px;
}

/*修改行内线的颜色*/
.el-table td,
.building-top .el-table th.is-leaf {
  border-bottom: 1px solid #E2E9EF;
  border-right: 1px solid #E2E9EF;

}

/*修改表格最底部边框颜色和高度*/
.el-table::before {
  border-bottom: 1px solid #E2E9EF;
}

/*修改表格内容字体颜色和字体大小*/
.el-table th{
  font-size: 13PX;
  font-weight: 400;
  color: #111111;
  line-height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  padding: 10px 0;
  text-align: center;
}
.el-table td {
  font-size: 13PX;
  font-weight: 400;
  color: #111111;
  line-height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  padding: 4px 0;
  text-align: center;

}

/* 斑马线表格的背景*/
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #F4F8FF;
}

/*修改表格鼠标悬浮hover背景色*/
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #FFE9CF;
}

.el-table__body tr.current-row>td {
  background-color: #ffffff;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: #FFE9CF;

}

.el-table__body tr.hover-row>td,
.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td {
  background-color: #FFE9CF;
}

.el-button--medium {
  font-size: 13PX;
  min-height: 36px;
}

.el-button--mini {
  font-size: 13PX;
}

.el-button--medium.is-round {
  padding: 0;
  width: 140px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0px 8px 20px 0px rgb(226 233 239 / 50%);
  border-radius: 33px;
  border: 1px solid #ebebeb;
  font-size: 13PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: $menuBg;
}

.el-button--medium.is-round:hover {
  color: #8849e8;
}

//组建样式
.el-button--medium.is-round.fill {
  // padding: 10px 20px;
  width: 140px !important;
  height: 36px !important;
  background: #ff7011;
  box-shadow: 0px 6px 16px 0px rgba(255, 138, 61, 0.5);
  border-radius: 18px;
  border: 1px solid #ebebeb;
  font-size: 12PX !important;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500 !important;
  color: #ffffff;
}

.el-button--medium.is-round.fill:hover {
  background: #f08f4f;
  color: #fff !important;
}

.el-button.is-round.fill2da9c4 {
  padding: 0;
  width: 120px;
  height: 36px;
  background: $menuBg;
  border-radius: 14px;
  border-radius: 18px;
  border: 1px solid $menuBg;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
}

.el-button.is-round.fill2da9c4:hover {
  background: #50b0c6;
  color: #fff !important;
}

.el-button.is-round.fill2da9c490 {
  padding: 0;
  width: 90px;
  height: 36px;
  background: $menuBg;
  border-radius: 14px;
  border-radius: 18px;
  border: 1px solid $menuBg;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
}

.el-button.is-round.fill2da9c490:hover {
  background: #50b0c6;
  color: #fff !important;
}

.el-button.is-round.fillfff90 {
  padding: 0;
  width: 90px;
  height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(226, 233, 239, 0.5);
  border-radius: 18px;
  border: 1px solid #fff;
  font-size: 12PX;
  font-weight: 400;
  color: $menuBg;
}

.el-button.is-round.fillfff90:hover {
  color: #5268ca !important;
}

.el-button--medium.is-round.fillFF7011 {
  padding: 0;
  font-size: 13PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: 120px;
  height: 36px;
  background: #FF7011;
  box-shadow: 0px 6px 16px 0px rgba(255, 138, 61, 0.5);
  border-radius: 18px;
}

.el-button--medium.is-round.fillFF7011:hover {
  background: #ec9358;
  color: #fff !important;
}

.el-button--medium.is-round.fillFFFFFF {
  padding: 0;
  width: 120px;
  height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(226, 233, 239, 0.5);
  border-radius: 18px;
  border: 1px solid $menuBg;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: $menuBg;
}

.el-button--medium.is-round.fillFFFFFF:hover {
  color: #5268ca !important;
}

.el-button--medium.is-round.fillFFFFFF100 {
  padding: 0;
  width: 100px;
  height: 28px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(226, 233, 239, 0.5);
  border-radius: 18px;
  border: 1px solid $menuBg;
  font-size: 13PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: $menuBg;
}

.el-button--medium.is-round.fillFFFFFF100:hover {
  color: #5268ca !important;
}

.el-button.rb-but {
  width: 100px;
  height: 28px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid $menuBg;
  font-size: 12PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: $menuBg;
  padding: 0;

  span {
    height: 28px;
    display: inline-block;
    line-height: 28px;
  }
}

.el-menu--vertical .el-menu-item {
  padding: 0px 10px !important;
  height: 44px;
  line-height: 44px;
}

.el-menu--vertical>.el-menu--popup {
  padding: 10px !important;
  min-width: 240px;
  overflow-y: auto;
  background-color:$menuList !important;
}

.el-menu--vertical>.el-menu--popup-right-start {
  margin-left: 20px;
}
.el-menu--vertical .el-submenu__title {
  background-color: $menuList !important;
}
.el-menu--vertical>.el-submenu__title i {
  color: #fff;
}

.el-button--small {
  font-size: 12PX;
}

//表单组件
.el-input__inner[InputColor="input"],
.el-textarea__inner[InputColor="textarea"] {
  background-color: #f0f4f7;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
}

.el-input__inner,
.el-textarea__inner {
  background: #F0F4F7;
  border-radius: 4px;
  border: 1px solid #E2E9EF;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
}

.el-textarea .el-input__count {
  background: #F0F4F7;
}

.el-input__inner::placeholder,
.el-textarea__inner::placeholder {
  font-size: 12PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7680AA;

}

.el-input.is-disabled .el-input__inner {
  background: #F4F4F4;
  border-radius: 4px;
  border: 1px solid #EEEEEE;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}

.el-input.is-disabled .el-input__inner::placeholder {
  background: #F4F4F4;
  border-radius: 4px;
  border: 1px solid #EEEEEE;
  font-size: 12PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}

.el-input--medium .el-input__inner {
  font-size: 13PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
}

.el-input--medium .el-input__inner::placeholder {
  font-size: 13PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7680AA;
}

.el-select .el-input__inner {
  background: #fff;
}

.el-select .el-input__inner:focus {
  border-color: #E2E9EF;
}

.el-range-editor.el-input__inner,
.el-range-editor--medium .el-range-input,
.el-date-editor.el-input.el-input--medium .el-input__inner {
  background: #F0F4F7 !important;
  border-radius: 4px;
  // border: 1px solid #E2E9EF;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
}

.el-range-editor .el-range-input {
  background: #F0F4F7 !important;
  font-size: 12PX;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
}

.el-range-editor.el-input__inner::placeholder,
.el-range-editor--medium .el-range-input::placeholder,
.el-date-editor.el-input.el-input--medium .el-input__inner::placeholder {
  background: #F0F4F7 !important;
  border-radius: 4px;
  font-size: 12PX !important;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7680AA !important;
}

.el-date-editor .el-range-input::placeholder {
  font-size: 12PX;
  font-weight: 400;
  color: #7680aa;
  line-height: 14px;
}

.el-upload-dragger {
  padding: 10px;
  height: auto;
  width: 300px;
  min-height: 200px !important;
}

.el-button--text {
  color: $menuBg;
}

.el-switch__core {
  width: 40px !important;
}

.el-message-box {
  border-radius: 18px !important;
  padding: 10px;
}

.el-message-box__title::before {
  content: "";
  width: 5px;
  height: 20px;
  background: $menuBg;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625rem;
  margin-top: -5px;
}

.el-message-box__title {
  color: $menuBg !important;
  font-size: 20px;
}

.el-message-box__btns .el-button--default {
  padding: 0;
  width: 8.75rem;
  height: 2.25rem;
  background: #ffffff;
  box-shadow: 0 0.5rem 1.25rem 0 rgb(226 233 239 / 50%);
  border-radius: 2.0625rem;
  border: 0.0625rem solid #ebebeb;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: $menuBg;
}

.el-message-box__btns .el-button--primary {
  width: 8.75rem !important;
  height: 2.25rem !important;
  background: $menuBg;
  // box-shadow: 0 0.375rem 1rem 0 rgb(255 138 61 / 50%);
  border-radius: 1.125rem;
  border: 0.0625rem solid #ebebeb;
  font-size: 0.875rem !important;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500 !important;
  color: #ffffff;
}

.el-message-box__btns .el-button--default:hover {
  color: #8849e8;
}

.el-message-box__btns .el-button--primary:hover {
  background: $menuBg;
  color: #fff !important;
}

.v-modal {
  display: none;
}

.el-message-box__content {
  padding-bottom: 35px;
  padding-top: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #111111;
  line-height: 22px;
}

.el-message-box__btns {
  padding-bottom: 10px;
}

.el-form-item__label {
  font-size: 13PX;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7680aa;
}

.el-form--label-top .el-form-item__label {
  padding: 0;
}

.el-tree-node__label {
  font-size: 13PX !important;
  color: #111111;
}

.el-tree-node__content {
  padding: 18px 0;
}


.el-select-dropdown__item {
  font-size: 12PX;
}

.el-image-viewer__canvas img {
  max-height: 80% !important;
  max-width: 80% !important;
}

.el-image-viewer__close {
  color: #ffffff;
}

.el-table__fixed::before,
.el-table__fixed-right::before {
  background-color: rgba(255, 255, 255, 0);
}

.el-table__fixed,
.el-table__fixed-right {
  box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.12), -10px 0 10px -10px rgba(0, 0, 0, 0.12);
}

.el-tooltip__popper {
  font-size: 12PX !important;
}

//选项卡样式
.el-tabs__header {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 40px;
}

.el-tabs__nav-wrap::after {
  background: none;
}

.el-tabs__item {
  font-size: 14PX;
  color: #7880a7;
  padding: 0 25px;
}

.el-tabs__item.is-active {
  color: #333;
  font-weight: 700;
}

.el-tabs__active-bar {
  background-color: #ee7934;
  height: 4px;
}
// .el-table--enable-row-transition .el-table__body td{
//   line-height:50px;
// }
.el-table td div{
  min-height: 35px;
  line-height: 35px !important;
}
.el-range-editor--medium .el-range-separator{
  line-height: 34px;
}
.el-tree-node__expand-icon{
  font-size: 13PX;
}

 .el-tooltip__popper{
    max-width:30% ;
  }

.el-message-box__btns {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction:row-reverse;
}
.el-table th.is-hidden > *{
  visibility: visible;
}